$(function () {
    // 点击“去注册账号”的链接
    $('#link_reg').on('click', function () {
        $('.login-box').hide()
        $('.reg-box').show()
    })

    // 点击“去登录”的链接
    $('#link_login').on('click', function () {
        $('.login-box').show()
        $('.reg-box').hide()
    })

    // 直接使用layui.form模块进行表单验证
    const { form } = layui;
    form.verify({
        //我们既支持上述函数式的方式，也支持下述数组的形式
        //数组的两个值分别代表：[正则匹配、匹配不符时的提示文字]
        pwd: [
            /^[\S]{6,12}$/
            , '密码必须6到12位，且不能出现空格'
        ],

        // 创建一个新的验证方式, 用来验证当前表单内容与上一个表单内容是否一致
        rePwd: function (value) {
            // value拿到的就是当前输入框内容
            // 获取上一个密码框内容
            const val = $('.reg-box input[name=password]').val()
            // 判断value和val是否一致
            if (value != val) {
                return '两次输入的密码不一致';
            }
        }
    });

    // 注册功能  这里不能写click事件, 是form表单的submit事件
    $('#form_reg').on('submit', function (e) {
        // 阻止表单默认提交行为
        e.preventDefault();
        // 发起ajax请求
        $.ajax({
            type: "POST",
            url: "/api/reguser",
            data: $(this).serialize(),// 'username=xxx&password=xxxx&repassword=xxx'
            success: function (res) {
                if (res.status != 0) return layer.msg(res.message);
                layer.msg(res.message);
                // 注册成功切换到登录窗口
                $('#link_login').click()
            }
        });
    })

    // 登录功能
    // ①发送ajax进行登录操作
    // ②登录成功之后: 页面要跳转到index.html   存储token
    $('#form_login').on('submit', function (e) {
        // 阻止表单默认提交行为
        e.preventDefault();
        // 发起ajax请求
        $.ajax({
            type: "POST",
            url: "/api/login",
            data: $(this).serialize(),// 'username=xxx&password=xxxx&repassword=xxx'
            success: function (res) {
                if (res.status != 0) return layer.msg(res.message);
                layer.msg(res.message);
                //登录成功
                //token存储
                localStorage.setItem('token', res.token)
                // 页面跳转
                location.href = '/index.html'
            }
        });
    })
})